<!DOCTYPE html>
<html lang="zh-cn">
<head>
	<meta charset="UTF-8">
	<title>机票预订--旅游网站</title>
	<link rel="stylesheet" href="css/column.css">
	<link rel="stylesheet" href="css/basic.css">
</head>
<body>
<header>
	<nav id="nav">
	<div id="logo"><img src="img/logo.png" alt=""></div> 
	<ul>
		<li><a href="index.html">首页</a></li>
		<li><a href="informations.html">旅游资讯</a></li>
		<li class="active"><a href="ticket.html">机票订购</a></li>
		<li><a href="scenery.html">风景欣赏</a></li>
        <li><a href="about.html">公司简介</a></li>
	</ul>
	</nav>
</header>
<div id="headline">
    <div class="headline">
    <hgroup>
        <h2>旅游资讯</h2>
        <p>介绍各种最新旅游信息、资讯要闻、景点攻略等</p>
        </hgroup>
    </div>
</div>
<div id="container">
<article class="list ticket">
<form action="">
    <h2>机票预订</h2>
    <div class="type"><span>航班类型<strong>单程</strong>往返</span></div>
    <div class="form left">
    <p>
    <lable for="from_city">出发城市</lable>
    <input type="text" name="from_city" placeholder="城市名">
    </p>
    <p>
    <lable>返回城市</lable>
    <input type="text" placeholder="城市名">
    </p>
    </div>
    <div class="form center">
    <p>
    <lable>出发时间</lable>
    <input type="text" placeholder="时间/日期">
    </p>
    <p>
    <lable>返回时间</lable>
    <input type="text" placeholder="时间/日期">
    </p>
    </div>
    <div class="form right">
    <button type="button" class="submit">订票</button>
    </div>


</form>
<div class="list_news">
<h2>最新机票</h2>
<ul>
    <li><a href="">热门城市：</a></li>
    <li><a href="">北京</a></li>
    <li><a href="">上海</a></li>
    <li><a href="">广州</a></li>
    <li><a href="">深圳</a></li>
    <li><a href="">重庆</a></li>
    <li><a href="">成都</a></li>
    <li><a href="">杭州</a></li>
    <li><a href="">南京</a></li>
</ul>
<table>
<thead>
<tr>
    <th>路线</th>
    <th>日期</th>
    <th>价格</th>
    <th>税费</th>
    <th>餐食</th>
    <th>航班</th>
    <th>预定</th>
</tr>
</thead>
<tbody>
<tr>
    <td>北京-成都</td>
    <td>10-15</td>
    <td class="price">¥745</td>
    <td>¥50</td>
    <td>有</td>
    <td>春秋航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-上海</td>
    <td>10-15</td>
    <td class="price">¥479</td>
    <td>¥45</td>
    <td>无</td>
    <td>南方航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-深圳</td>
    <td>10-15</td>
    <td class="price">¥561</td>
    <td>¥52</td>
    <td>有</td>
    <td>西部航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-杭州</td>
    <td>10-15</td>
    <td class="price">¥378</td>
    <td>¥36</td>
    <td>无</td>
    <td>天津航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-广州</td>
    <td>10-15</td>
    <td class="price">¥612</td>
    <td>¥44</td>
    <td>有</td>
    <td>首都航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-重庆</td>
    <td>10-15</td>
    <td class="price">¥428</td>
    <td>¥62</td>
    <td>有</td>
    <td>东方航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-昆明</td>
    <td>10-15</td>
    <td class="price">¥509</td>
    <td>¥35</td>
    <td>无</td>
    <td>厦门航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-厦门</td>
    <td>10-15</td>
    <td class="price">¥893</td>
    <td>¥73</td>
    <td>有</td>
    <td>深圳航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
<tr>
    <td>北京-长沙</td>
    <td>10-15</td>
    <td class="price">¥663</td>
    <td>¥46</td>
    <td>无</td>
    <td>四川航空</td>
    <td><a href="###" class="reserve">预定</a>
    </td>
</tr>
</tbody>
<tfoot>
<tr>
    <td colspan="7"><a href="###" class="ticket_more">加载更多航班...</a>
    </td>
</tr>
</tfoot>
</table>
</div>
</article>
<aside class="sidebar">
    <div class="recommend sidebox">
    <h3>景点推荐</h3>
    <div class="tag">
    <ul>
		<li><a href="###">曼谷(12)</a></li>
		<li><a href="###">东京(5)</a></li>
		<li><a href="###">西双版纳(8)</a></li>
		<li><a href="###">漓江(16)</a></li>
		<li><a href="###">呼伦贝尔(4)</a></li>
		<li><a href="###">首尔(9)</a></li>
		<li><a href="###">巴厘岛(15)</a></li>
		<li><a href="###">土耳其(22)</a></li>
		<li><a href="###">夏威夷(5)</a></li>
		<li><a href="###">巴厘岛(11)</a></li>
		<li><a href="###">毛里求斯(7)</a></li>
		<li><a href="###">吉普岛(4)</a></li>
		<li><a href="###">希腊(18)</a></li>
		<li><a href="###">法瑞意(8)</a></li>
		<li><a href="###">马尔代夫(9)</a></li>
		<li><a href="###">新西兰(16)</a></li>
		<li><a href="###">埃及(11)</a></li>
		<li><a href="###">迪拜(14)</a></li>
		<li><a href="###">斯里兰卡(7)</a></li>
		<li><a href="###">麦哈顿(3)</a></li>
		<li><a href="###">大阪(15)</a></li>
	</ul>
</div>
    </div>
    <div class="hot sidebox">
    <h3>热门旅游</h3>
    <div class="figure">
    <figure>
    <img src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
    <figcaption>曼谷-芭提雅6日游</figcaption>
</figure>
<figure>
    <img src="img/hot2.jpg" alt="马尔代夫双鱼6日游">
    <figcaption>马尔代夫双鱼6日游</figcaption>
</figure>
<figure>
    <img src="img/hot3.jpg" alt="海南双飞5日游">
    <figcaption>海南双飞5日游</figcaption>
</figure>
<figure>
    <img src="img/hot4.jpg" alt="富山大阪东京8日游">
    <figcaption>富山大阪东京8日游</figcaption>
    </div>
    </div>
    <div class="treasure sidebox">
    <h3>旅游百宝箱</h3>
    <div class="box">
    <a href="" class="trea1">天气预报</a>
    <a href="" class="trea2">火车票查询</a>
    <a href="" class="trea3">航空查询</a>
    <a href="" class="trea4">地铁线路查询</a>
    </div>
    </div>
</aside>
</div>

	<footer id="footer">
	<div class="top">
	<div class="block left">
	<h3>合作伙伴</h3>
	<hr>
	<ul>
		<li>途牛旅游网</li>
		<li>驴妈妈旅游网</li>
		<li>携程旅游</li>
		<li>中国去青年旅行社</li>
	</ul>

	</div>
	<div class="block middle">
	<h3>旅游FAQ</h3>
	<hr>
	<ul>
		<li>旅游合同签订方式？</li>
		<li>儿童价是基于什么制定的？</li>
		<li>旅游的线路品质怎么界定的？</li>
		<li>单房差是什么？</li>
		<li>旅游保险有那些种类？</li>
	</ul>
	</div>
	<div class="block right">
	<h3>联系方式</h3>
	<hr>
	<ul>
		<li>微博：weibo.com/xuehua</li>
        <li>邮件：xuehua@xuehua.com</li>
        <li>地址：江苏盐城无名路123 号</li>

	</ul>
	</div>
	
	</div>
	<div class="bottom">Copyright © XUEHUA 雪花旅行社| 苏ICP 备120110119 号| 旅行社经营许可证：L-YC-BK12345</div>
	</footer>
</body>
</html>